import {
    onBeforeUnmount,
    onMounted,
  ref
} from "vue";
export default function () {
    const x = ref<number>(0);
    const y = ref<number>(0);
    // 如果这个文件是ts， e的类型应该是 MouseEvent
    let pageHander=function(e:any){
      console.log(e)
      x.value=e.pageX-100;
      y.value=e.pageY-50;
    }
    
    // 需要使用生命周期函数，页面加载完成
    onMounted(()=>{
      window.addEventListener("mousemove",pageHander)
    })

    // 在页面即将卸载时，移除事件的监听
    onBeforeUnmount(()=>{
      window.removeEventListener("mousemove",pageHander )
    })
    return {x,y}
}

